<template>
    <div class="page-container">
        <header-nav/>
        <media :query="{maxWidth: 768}">
            <div class="m-box">
                <div class="m-box-main">
                    <p class="m-box-main-item" v-if="enrollinfoList.Name">
                        <span>姓名</span>
                        <span>{{enrollinfoList.Name}}</span>
                    </p>
                    <p class="m-box-main-item" v-if="enrollinfoList.Phone">
                        <span>手机号</span>
                        <span>{{enrollinfoList.Phone}}</span>
                    </p>
                    <p class="m-box-main-item" v-if="enrollinfoList.Company">
                        <span>公司</span>
                        <span>{{enrollinfoList.Company}}</span>
                    </p>
                    <p class="m-box-main-item" v-if="enrollinfoList.Post">
                        <span>职务</span>
                        <span>{{enrollinfoList.Post}}</span>
                    </p>
                    <p class="m-box-main-item" v-if="enrollinfoList.CertificateTypeEnum">
                        <span>证件类别</span>
                        <span v-if="enrollinfoList.CertificateTypeEnum==0">身份证</span>
                        <span v-if="enrollinfoList.CertificateTypeEnum==1">港澳台证</span>
                        <span v-if="enrollinfoList.CertificateTypeEnum==2">护照</span>
                        <span v-if="enrollinfoList.CertificateTypeEnum==3">军官证</span>
                    </p>
                    <p class="m-box-main-item" v-if="enrollinfoList.IDCard">
                        <span>证件号</span>
                        <span>{{enrollinfoList.IDCard}}</span>
                    </p>
                </div>
                <div class="m-box-btm">
                    <span>证件照（免冠正脸照片）</span>
                    <div class="m-box-btm-rahmen">
                        <img :src="enrollinfoList.HeadImage">
                    </div>
                </div>
                <!-- <div class="m-box-btn">
                    <span>修改信息</span>
                </div> -->
            </div>
        </media>
        <media :query="{minWidth: 768}">
            <footer-nav/>
        </media>
    </div>
</template>

<script>
import Media from 'vue-media'
import Header from '../components/header'
import Footer from '../components/footer'
export default {
    name: 'MinEnrollInfo',
    data() {
        return {
            enrollinfoList: []
        }
    },
    components: {
        'header-nav': Header,
        'footer-nav': Footer,
        Media
    },
    created() {
        const ST = 'test'
        const UnionId = 'oppENwpc0g1gHjxpIncXC5s4Hqfo'
        $.ajax({
            type: 'GET',
            url: this.baseUrl + '/api/user/selectUnionId/' + ST + '/' + UnionId,
            success: (res) => {
                console.log('selectUnionId', res)
                this.enrollinfoList = res
            }
        })
    }
}
</script>

<style>
@import "../assets/css/MinEnrollInfo.css";
</style>
